<template>
  <div class="site-content px-2">
    
    <div class="bs-container mb-10 md:mb-16 lg:mb-20">
      <h1 class="mt-16 text-5xl font-bold text-center md:mt-20 md:text-6xl/snug lg:text-7xl/snug lg:mt-28 serif-text text-black">零本智协</h1>
      <p class="text-lg/relaxed md:text-xl/relaxed lg:text-2xl/relaxed text-slate-600 mt-4 md:mt-6 text-center serif-text">零本智协是赤峰二中2023级12班研究性学习团队近20开发的 AI 软件</p>
      <h5 class="text-lg/relaxed md:text-xl/relaxed lg:text-2xl/relaxed text-slate-600 mt-2 max-w-[800px] mx-auto text-center serif-text mb-10 md:mb-16 lg:mb-20">依托领先的多模型深度思考 AI 技术驱动力量，构建全面创新的市场项目解决方案体系，致力于让<span class="primary-text">「零成本构建创新高效应用程序」</span>成为现实。</h5>
      <router-link class="bg-black text-white rounded-full h-14 mx-auto max-w-52 text-center flex items-center justify-center text-lg font-semibold hover:text-gray-200 transition" to="/">
        <span>立即使用</span>
      </router-link>
    </div>
    
    <div class="bs-container">
      <div class="panel bg-white hover:scale-105 transition duration-500  ease rounded-3xl md:rounded-[45px] py-6 md:py-12 lg:py-16 xl:py-22 px-6 md:px-12 lg:px-16 xl:px-22 mb-6 md:mb-8 lg:mb-12">
        <!-- <div class="col-12"> -->
          <h2 class="mt-2 text-3xl/snug md:text-5xl/snug lg:text-6xl/snug serif-text">专注于思考</h2>
          <h2 class="mb-3 text-3xl/snug md:text-5xl/snug lg:text-6xl/snug w-fit serif-text">把剩下的工作交给<span class="serif-text primary-text font-bold">零本智协</span></h2>
          <p class="text-xl/7 md:text-3xl/snug lg:text-4xl/snug mb-3 serif-text">大模型深度思考的先行者</p>
          <p class="text-xl/7 md:text-3xl/snug lg:text-4xl/snug mb-3 serif-text">以AI驱动项目流程的解决方案</p>
          <p class="text-xl/7 md:text-3xl/snug lg:text-4xl/snug mb-3 serif-text">项目发展至今仍<span class="primary-text">零支出</span></p>
        <!-- </div> -->
      </div>
    </div>
    <div class="bs-container serif-text">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8 lg:gap-12 ">
        <div class="panel bg-white hover:scale-105 transition duration-500 ease rounded-3xl md:rounded-[45px] py-6 md:py-10 lg:py-16 xl:py-22 px-6 md:px-12 lg:px-16 xl:px-22">
          <h2 class="mb-3 text-3xl/snug md:mt-6 md:mb-6 md:text-4xl/snug lg:text-5xl/snug font-semibold">安全</h2>
          <p class="text-lg/7 md:text-2xl/snug lg:text-3xl/snug">从数据的存储、传输到使用，每一个环节都经过精心设计和严格监控</p>
          <p class="text-lg/7 md:text-2xl/snug lg:text-3xl/snug">
            原创的 
            <span class="primary-text font-semibold text-2xl/tight md:text-4xl/tight lg:text-5xl/tight">3</span>
            <span class="text-xl md:text-2xl/tight lg:text-3xl/tight">token</span>
            + 
            <span class="primary-text font-semibold text-2xl md:text-4xl/tight lg:text-5xl/tight">1</span>
            <span class="text-xl md:text-2xl/tight lg:text-3xl/tight">授权</span>
            + 
            <span class="primary-text font-semibold text-2xl md:text-4xl/tight lg:text-5xl/tight">N</span>
            <span class="text-xl md:text-2xl/tight lg:text-3xl/tight">验证</span>模式
          </p>
        </div>
        <div class="panel bg-white hover:scale-105 transition duration-500 ease rounded-3xl md:rounded-[45px] py-6 md:py-12 lg:py-16 xl:py-22 px-6 md:px-12 lg:px-16 xl:px-22">
          <h2 class="mb-3 text-3xl/snug md:mt-6 md:mb-6 md:text-4xl/snug lg:text-5xl/snug font-semibold"><span class="primary-text">三思</span>而后行</h2>
          <h5 class="text-lg/7 md:text-2xl/snug lg:text-3xl/snug">三模型，三重分析：理解分析、尝试回复、批判总结。<br/>智能架构，思考问题更深入全面。迅速给出精准的解决方案，大大缩短项目周期，让你的业务<span class="primary-text">降本增效</span></h5>
        </div>
        <div class="panel bg-white hover:scale-105 transition duration-500 ease rounded-3xl md:rounded-[45px] py-6 md:py-12 lg:py-16 xl:py-22 px-6 md:px-12 lg:px-16 xl:px-22">
          <h2 class="mb-3 text-3xl/snug md:mt-6 md:mb-6 md:text-4xl/snug lg:text-5xl/snug font-semibold">创新 & 智能</h2>
          <h5 class="text-xl/7 md:text-3xl/snug lg:text-4xl/snug">我们创新性的在产品的诸多功能中融入了大模型技术，使得工作更加高效</h5>
          <p class="text-xl/7 md:text-3xl/snug lg:text-4xl/snug">率先提出<span class="primary-text">多模型深度思考</span>方案</p>
          <p class="text-xl/7 md:text-3xl/snug lg:text-4xl/snug">致力于为你提供独特而前沿的项目解决方案</p>
        </div>
        <div class="panel bg-white hover:scale-105 transition duration-500 ease rounded-3xl md:rounded-[45px] py-6 md:py-12 lg:py-16 xl:py-22 px-6 md:px-12 lg:px-16 xl:px-22">
          <h2 class="mb-3 text-3xl/snug md:mt-6 md:mb-6 md:text-4xl/snug lg:text-5xl/snug font-semibold">他们这样说...</h2>
          <p class="text-lg/7 md:text-2xl/snug lg:text-3xl/snug">李世正</p>
          <p class="text-gray-600 text-base/7 md:text-lg/snug">《咖啡因和牛磺酸对小鼠运动能力影响》实验小组组长 </p>
          <p class="mt-3 md:mt-4 lg:mt-5 text-xl/7 md:text-3xl/snug lg:text-4xl/snug align-bottom serif-text">
            <span class="primary-text text-2xl/7 md:text-4xl/snug ">“</span>零本智协AI工具与其他十分有名气的AI工具相比可为有过之而无不及，是一款实用性极强的工具<span class="primary-text text-2xl/7 md:text-4xl/snug">”</span>
          </p>
        </div>
      </div>
    </div>
    
    <!-- <div class="panel  serif-text items-center justify-center flex-col py-6 md:py-8 lg:py-16" style="">
      <p class="mt-2 mb-2 text-sm/loose md:mt-3 md:mb-3 md:text-lg/loose lg:text-xl/loose break-normal text-center text-slate-700">
        <span class="hover-self-primary-text cursor-pointer">网页加载速度</span> <span class="hover-self-primary-text cursor-pointer">流式传输</span> <span class="hover-self-primary-text cursor-pointer">权限管理</span>
      <span class="md:block"></span>
        <span class="hover-self-primary-text cursor-pointer">最大化减小服务器压力</span> <span class="hover-self-primary-text cursor-pointer">预加载</span> <span class="hover-self-primary-text cursor-pointer">多次请求</span>
      <span class="md:block"></span>
        <span class="hover-self-primary-text cursor-pointer">操作实时反馈</span> <span class="hover-self-primary-text cursor-pointer">错误报告</span> <span class="hover-self-primary-text cursor-pointer">通知</span> <span class="hover-self-primary-text cursor-pointer">并发</span> <span class="hover-self-primary-text cursor-pointer">用户心理学</span>
      </p>
      <h2 class="mt-2 mb-2 text-2xl/snug md:mt-4 md:mb-4 md:text-5xl/snug lg:text-6xl/snug font-semibold text-center">我们努力解决每一个技术问题</h2>
      <p class="mt-2 mb-2 text-sm/loose md:mt-3 md:mb-3 md:text-lg/loose lg:text-xl/loose break-normal text-center text-slate-700">
        <span class="hover-self-primary-text cursor-pointer">异步</span> <span class="hover-self-primary-text cursor-pointer">队列</span> <span class="hover-self-primary-text cursor-pointer">指纹</span> <span class="hover-self-primary-text cursor-pointer">标签</span> <span class="hover-self-primary-text cursor-pointer">Cookie</span> <span class="hover-self-primary-text cursor-pointer">Redis</span> <span class="hover-self-primary-text cursor-pointer">IndexDB</span> <span class="hover-self-primary-text cursor-pointer">PWA</span>
      <span class="md:block"></span>
        <span class="hover-self-primary-text cursor-pointer">截流</span> <span class="hover-self-primary-text cursor-pointer">防抖</span> <span class="hover-self-primary-text cursor-pointer">反馈</span> <span class="hover-self-primary-text cursor-pointer">验证</span> <span class="hover-self-primary-text cursor-pointer">Session</span> <span class="hover-self-primary-text cursor-pointer">SQLite</span> <span class="hover-self-primary-text cursor-pointer">响应式</span>
      <span class="md:block"></span>
        <span class="hover-self-primary-text cursor-pointer">假跳转</span> <span class="hover-self-primary-text cursor-pointer">缓存</span> <span class="hover-self-primary-text cursor-pointer">原子化</span> <span class="hover-self-primary-text cursor-pointer">FunctionCall</span>
      </p>
    </div> -->
    <!-- <div class="panel  serif-text flex items-center justify-center flex-col" style="height: 100vh;">
      <h2 class="mt-2 text-3xl/snug md:text-5xl/snug lg:text-6xl/snug font-semibold text-center">站在巨人的肩膀上</h2>
    </div> -->
    <!-- Wenjuan Layer Begin --> 
     <!-- <div id="idy_floatdiv" style="position:fixed;display:flex;right:0;bottom:10%;width:30px;border-top-left-radius:6px;border-bottom-left-radius:6px;height:100px;background:#0052d9;line-height: 24px;writing-mode:vertical-rl;align-items:center;justify-content:center;font-family:PingFangSC-Regular;font-size:16px;"> <a href="https://wj.qq.com/s2/16266998/95a2/" target="blank" style="color:#FFFFFF;text-decoration:none;">问卷调查</a> </div>  -->
    <!-- Wenjuan Layer End -->
    <!-- <div class="panel  serif-text flex items-center justify-center flex-col py-10" v-show="count">
      <h2 class="text-sm md:text-xs/snug lg:text-base/snug text-center">
        
      </h2>
    </div> -->
    <div class="copyright py-5 px-2 mt-16 md:mt-20">
      <p class="text-center mb-2"><span class="">赤子英金</span> · <span class="primary-text">零本智协</span></p>
      <p class="text-center mb-2 text-xs md:text-sm">© 2025 零本智协 保留所有权利.</p>
      <p class="text-center text-sm w-full">
        <!-- <a title="本站支持IPv6访问" target='_blank'><img style='display:inline-block;vertical-align:middle' alt="本站支持IPv6访问" src="https://static.ipw.cn/icon/ipv6-certified-s4.svg"></a>
        <a title="本站支持SSL安全访问" target='_blank'><img style='display:inline-block;vertical-align:middle' alt="本站支持SSL安全访问" src="https://static.ipw.cn/icon/ssl-s4.svg"></a> -->
        <a href="https://oh.chiziingiin.top/license/user" class="mx-2">用户协议</a>
        <a href="https://oh.chiziingiin.top/license/private" class="mx-2">隐私政策</a>
        <a href="https://oh.chiziingiin.top/project/RS2024/explain" class="mx-2">名词介绍</a>
      </p>
    </div>
  </div>
</template>

<script setup>
import { ElButton,ElProgress } from 'element-plus';
import { emitter } from '../../utils/emitter';
import { onMounted, ref } from 'vue';
import { PlayOne } from '@icon-park/vue-next';
import Auth from '../../utils/auth';
const count = ref('')
const show_video = ref(false)
emitter.on('basicInfo',(re)=>{
  // Auth.getBasicInfo({task:async function(re){
  //   return await new Promise((resolve,reject)=>{
  //     setTimeout(()=>{
        count.value = re.visitInfo.count+'次';
  //       resolve()
  //     },1000)
  //   })
  // }})
})
</script>

<style scoped >
@import url(./index.css);
</style>